<template>
	<view class="left clearfix bai task-boxs fixed">
		<view class="task-header-box left clearfix">
			<!--logo和搜索-->
			<view class="task-header-logo left clearfix">
				<view class="task-logo-box left">
					<image src="https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/images/logo8.png" mode="aspectFill" style="width:100px;height:23px;"></image>
				</view>
				<view class="task-input-so left">
					<label>
						<uni-icons type="search" size="20" color="#999"></uni-icons>
					</label>
					<label>
						输入关键词搜索
					</label>
				</view>
			</view>
		</view>
		
		<!--筛选-->
		<view class="list-screen-box left clearfix">
			<view class="list-screen-left left clearfix">
				<text>全部</text>
				<text>最近</text>
				<text>探店</text>
				<text>品宣</text>
				<text>云剪</text>
				<text>电商</text>
			</view>
			<view class="list-screen-right right">
				<label>
					<uni-icons type="icon-shaixuan4" color="#666" size="15" custom-prefix="iconfont"></uni-icons>
				</label>
				<label>
					筛选 
				</label>
			</view>
		</view>
	
	</view>
</template>


<style scoped>
	.list-screen-right label{float:left;line-height:3rem;height:3rem;color:#666;margin-left:.3rem;font-size:.9rem;}
	.list-screen-right{width:18%;line-height:3rem;height:3rem;}
	.list-screen-left text{margin-left:.5rem;margin-right:.5rem;font-size:.9rem;color:#666;}
	.list-screen-left{width:80%;height:3rem;line-height:3rem;}
	.list-item-box{width:100%;height:8rem;background:#fff;border-radius: 5px;margin-top:.5rem;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
	.list-screen-box{width:100%;height:3rem;line-height:3rem;background:#fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);border-radius: 5px;}
	.task-input-so label{float:left;line-height:2.3rem;margin-left:.5rem;color:#999;font-size:.9rem;}
	.task-input-so{width:45%;height:2.2rem;background:#f4f4f4;border-radius: 1.1rem;margin-top:.4rem;margin-left:.5rem;}
	.task-logo-box{width:100px;height:3rem;line-height:3rem;margin-left:.5rem;margin-top:.3rem;}
	.task-header-logo{width:100%;height:3rem;line-height:3rem;}
	.task-header-box{width:100%;height:4rem;padding-top:2rem;background:url('https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/images/task-header-bj.jpg') repeat-x center center;}
	.task-boxs{position:fixed;top:0;left:0;right:0;z-index:9999;}
</style>


<script>
	export default {
		name:"task-header",
		data() {
			return {
				
			};
		}
	}
</script>
